<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../CSS/内嵌视频.css" />
  </head>

  <body>
    <div>
      <span class="name"
        >PR教程 从零开始学视频剪辑，成为视频剪辑师（2024新手入门实用版）</span
      ><br />
      <span class="year">2024-05-07</span>
      <iframe
        src="https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533427969&p=1"
        height="100%"
        width="100%"
        scrolling="no"
        allowfullscreen="true"
        frameborder="no"
        allowtransparency="yes"
      ></iframe>
      <div class="xuanji">
        <div class="xuanzhong">第一集</div>
        <div>第二集</div>
        <div>第三集</div>
        <div>第四集</div>
        <div>第五集</div>
        <div>第六集</div>
        <div>第七集</div>
        <div>第八集</div>
        <div>第九集</div>
        <div>第十集</div>
        <div>第十一集</div>
        <div>第十二集</div>
        <div>第十三集</div>
        <div>第十四集</div>
        <div>第十五集</div>
        <div>第十六集</div>
        <div>第十七集</div>
        <div>第十八集</div>
        <div>第十九集</div>
        <div>第二十集</div>
        <div>第二十一集</div>
        <div>第二十二集</div>
        <div>第二十三集</div>
        <div>第二十四集</div>
        <div>第二十五集</div>
        <div>第二十六集</div>
        <div>第二十七集</div>
        <div>第二十八集</div>
        <div>第二十九集</div>
        <div>第三十集</div>
        <div>第三十一集</div>
      </div>

      <script>
        let xuanji = [
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533427969&p=1",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1545876530&p=2",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533404936&p=3",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533409247&p=4",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533409177&p=5",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533409377&p=6",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533409488&p=7",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533409743&p=8",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533410593&p=9",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533410661&p=10",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533410671&p=11",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533411532&p=12",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533411925&p=13",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533413665&p=14",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533414482&p=15",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533414964&p=16",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533415631&p=17",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533421046&p=18",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533417574&p=19",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533419477&p=20",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533421019&p=21",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533421107&p=22",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533424597&p=23",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533423622&p=24",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533423151&p=25",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533423704&p=26",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533424450&p=27",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533424478&p=28",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533425298&p=29",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533426927&p=30",
          "https://player.bilibili.com/player.html?isOutside=true&aid=1454093427&bvid=BV1zi421y7z1&cid=1533426590&p=31",
        ];

        let bofang = document.querySelector("iframe");
        let dizhi;
        for (i = 0; i < xuanji.length; i++) {
          let index = i;
          document
            .querySelector(`.xuanji>div:nth-child(${i + 1})`)
            .addEventListener("click", function () {
              bofang.src = xuanji[index];
              document
                .querySelector(".xuanzhong")
                .classList.remove("xuanzhong");
              this.classList.add("xuanzhong");
            });
        }
      </script>
    </div>
  </body>
</html>
